import classNames from 'classnames';
import { useSelector } from 'react-redux';
import { RootState } from 'src/redux/store';
import { bnFormat } from 'src/util/bigNumber';
import style from './TopBar.module.scss';

const TopBar = () => {
    // const { demand } = useSelector((state: RootState) => state.ui);
    const { baseDataInfo } = useSelector((state: RootState) => state.basedata);
    const demand = baseDataInfo?.FTopMsg != null
    return (
        <div
            className={classNames(style.self, {
                [style.height]: demand,
            })}
        >
            {demand && (
                <div>
                    {baseDataInfo?.FTopMsg}
                </div>
            )}
        </div>
    );
};

export default TopBar;
